*{
            padding: 0;
            margin: 0;
            user-select: none;
            outline: none;
        }
        focus,input::-moz-focus-inner, button::-moz-focus-inner{ outline: 0;}
        @font-face{
             font-family: 'zhengyuan'; 
             src: url('../font/zhengyuan.ttf');
        }
        .background {
            margin: 0 auto;
            max-width: 800px;
            min-width: 320px;
            padding-bottom: 0.1px;
            padding-top: 56px;
        }

        body {
            margin: 0;
            font-family: "zhengyuan";
            background: whitesmoke;
        }

        .top {
            background: whitesmoke;
            color: #4572ad;
            height: 100px;
            width: 200%;
            line-height: 56px;
            font-size: 18px;
            padding-left: 10px;
            position: fixed;
        }
        .to{
          margin-left: 30px;
          font-size: 17px;
        }
        .img{
          margin-left: 20px;
          margin-top: 20px;
          border-radius: 5px;
        }
        
        .card {
            
            background: whitesmoke;
            margin-top:60px;
            padding: 10px;
        }
       .cart{
         background: whitesmoke;
         margin-top: 30px;
         margin-left: 10px;
         padding-top: 10px;
         
       }

        .title {
        
            font-size: 18px;
            color: #4572ad;
            margin-left: 18px;
        }
        .tit{

            border-radius: 10px;
            font-size: 18px;
            color:#4572ad;
            margin-left: 18px;
            width: 100px;
            height: 25px;
          
        }

        input::-webkit-input-placeholder { /* WebKit browsers */ 
            color: #bababa; 
            font-size:14px;
        } 
        input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
            color: #bababa; 
            font-size:14px;
        } 
        input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
            color: #bababa; 
            font-size:14px;
        } 
        input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
            color: #bababa; 
            font-size:14px;
        }
        textarea::-webkit-input-placeholder { /* WebKit browsers */
            color: #bababa; 
            font-size:14px;
        } 
        textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
            color: #bababa; 
            font-size:14px;
        } 
        textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ 
            color: #bababa; 
            font-size:14px;
        } 
        textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ 
            color: #bababa; 
            font-size:14px;
        }
        textarea,input{
            transition: .2s;
        }
        input {
            text-indent: 5px;
            background: whitesmoke;
            border: none;
            border-bottom: solid;
            border-bottom-width: 1px;
            font-size: 15px;
            margin-top: 5px;
            margin-left: 18px;
            width: 90%;
            height: 25px;
            outline: none;
            border-color:  #4572ad;
            border-bottom-color: #D8DAF4 ;
        }

        input:focus {
            outline: none;
            border-color:#FFFFFF;
            border-bottom-color:#5F649D;
        }

        textarea {
            background-color: white;
            border: none;
            border-bottom: solid;
            border-bottom-width: 1px;
            margin-top: 10px;
            margin-left: 10px;
            font-size: 15px;
            width: 90%;
            height: 130px;
            outline: none;
            border-color: #4572ad;
            border-bottom-color: #D8DAF4;
            resize: none;
        }

        textarea:focus {

            border-color: #4572ad;
            border-bottom-color: #4572ad;
        }

        button {
            margin-top: 15px;
            margin-left: 5%;
            color: #ffffff;
            background: #4572ad;
            width: 90%;
            height: 35px;
            font-size: 18px;
            border-top-left-radius: 0.3em;
            border-top-right-radius: 0.3em;
            border-bottom-left-radius: 0.3em;
            border-bottom-right-radius: 0.3em;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 0px;
            border-left-width: 0px;
            box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
        }
        .indec{
            margin-top: 25px;
            margin-left: 25px;
            color: gray;
            font-size: 12px;
        }
        .textarea{
            margin-left: 18px;
            background-color: white;
            width: 90%;
            height:140%;
            border-radius: 3px;
        }